﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/deviceLogin.css" rel="stylesheet" type="text/css" />
<link href="css/supersized.css" rel="stylesheet" type="text/css" />
</head>

<body style="background-color:#1c77ac; background-image:url(images/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;">



    <div id="mainBody">
      <div id="cloud1" class="cloud"></div>
      <div id="cloud2" class="cloud"></div>
    </div>  


<div class="logintop">    
    <span>欢迎登录智慧金库设备信息统一管理系统</span>    
</div>
    
<div class="page-container">
	<div class="main_box">
		<div class="login_box">
			<div class="login_logo" style="text-align: center">
				<p style="margin-top: 200px;font-size:20px ;color:#ffffff">设备信息统一管理系统 登录</p>
			</div>			
			<div class="login">
			<input type="text" id="userName" placeholder="用户名" required="required" />
			<input type="password" id="passWord" placeholder="密码" required="required" />

			<input type="button" id="buttonLogin" value="登录" onclick="login()" style="width:100%;height: 35px;"/>
		</div>
		</div>
	</div>
</div>
    
<script language="JavaScript" src="js/jquery.js"></script>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/cloud.js" type="text/javascript"></script>
<script src="layui/layui.js"></script>
<script language="javascript">
 	
	layui.use(['element','layer'],function(){
		var layer = layui.layer;
		var element = layui.element;
		layer.msg("默认初始化用户名为：admin"+"<br>"+"密码为：admin");
	})
	function login(){
		var name="admin";
		var pass="admin";		
		var userName=$('#userName').val();
		var passWord=$('#passWord').val();
		if(userName==""){
			layer.msg("用户名不能为空");
			$('#userName').focus();
		}else if(passWord==""){
			layer.msg("密码不能为空");
			$('#passWord').focus();
		}else{
			if(userName!=name){
				layer.msg("默认初始化用户名为：admin"+"<br>"+"密码为：admin");
				
			}else if(passWord!=pass){
				layer.msg("默认初始化用户名为：admin"+"<br>"+"密码为：admin");
			}else{
				window.location="main.html";
				
			}
		}
	}
</script>     
</body>
</html>
